﻿@{
    ViewBag.Title = "MultiSelectArticles";
}

<h2>MultiSelectArticles</h2>


@if (ViewBag.YouSelected != null) {
    <div> You Selected:  @ViewBag.YouSelected</div>
}

@using (Html.BeginForm()) {
    <fieldset>
        <legend>fethi</legend>

        <div class="editor-field">
            @Html.ListBox("ThemeList", ViewBag.ArticlesList as MultiSelectList,
                   new { @class = "chzn-select", data_placeholder = "Choose  Articles...", style = "width:350px;" })
        </div>

        <p>
            <input type="submit" value="Save" />
        </p>
    </fieldset>
}



 <a href="http://harvesthq.github.com/chosen/" >Harvest Chosen</a>
<script src="@Url.Content("~/Scripts/jquery-1.9.0.js")"></script>
<script src="@Url.Content("~/Content/chosen/chosen.jquery.js")" type="text/javascript"></script>
<link href="@Url.Content("~/Content/chosen/chosen.css")" rel="stylesheet"  type="text/css" />
<script >    $(".chzn-select").chosen(); </script>
